
<template>
    <div id="app">


      <!-- 这里渲染main组件 -->
      <div class="content">
        <router-view></router-view>
      </div>
      <my-tab :tab='tab'></my-tab>
  </div>
</template>

<script>
import myTab from '@/components/tab/tab'
export default {
    name: 'App',
    data() {
        return {
          tab:['首页','分类','购物车','我的']
        };
    },
    created() {
    },
    methods: {

    },
    //组件挂载
    components: {
      myTab
      },
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
#app{
  height: 100%;
  overflow: hidden;
  .content{
    height: calc(100% - 1rem);
  }
}
</style>
